<section class="huocms-components huocms-block huocms-block6" data-huocms-block="components/main/block6.html" data-huocms-blockid="2">
    <div class="blockBox block6" aos="fade-down">
        {hcTaglib:category id="2" item="subcategory" field="id,title,sub_title,description,thumbnail"}
        {if condition="!empty($subcategory['title'])"}
        <div class="title">
            <p>{$subcategory.title}</p>
            <div>{$subcategory.sub_title}</div>
        </div>
        <div class="w1400">
            <div class="block-right">
                <div class="img">
                    <img src="{$subcategory.thumbnail.url|default=''}" alt="">
                </div>
            </div>
            <div class="block-left">
                <div class="desc">
                    <h3>{$subcategory.desc}</h3>
                    <p>{$subcategory.description}</p>
                </div>
                <ul>
                    {php}
                    $description = $subcategory['seo_description'];
                    $descArr = explode("\n", $description);
                    {/php}
                    {volist name="$descArr" id="vo"}
                    {php}$voArr = explode(',', $vo);{/php}
                    <li>
                        <div>
                            <p><span class="timer">{$voArr[0]|default='0'}</span>{$voArr[1]|default=''}</p>
                            <div>{$voArr[2]|default=''}</div>
                        </div>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
        {/if}
        {/hcTaglib:category}
    </div>
    <link rel="stylesheet" href="/design/designStyle/deruan_suq/css/block4.css">
    <!-- 数字滚动 -->
    <script src="/design/designStyle/deruan_suq/js/jquery.waypoints.min.js"></script>
    <script src="/design/designStyle/deruan_suq/js/jquery.countup.min.js"></script>
    <script src="/design/designStyle/deruan_suq/js/block4.js"></script>
</section>
